<template>
	<view class="bac">
		<!-- <view class="title">
			<view class="tu">
				<view class="activ">
				<image class="activ_tu" src="../../static/bizhan/beh.png" mode="widthFix"></image>
					<text class="activ_z">BGY-OTC</text>
				</view>
				<view class="zhkou">
					<text class="zou">1.25折合(USTD)</text>
				</view>
				<view class="yong">
					<view class="yyy">
						<text class="yl">可用</text>
						<text class="was">$144,545475</text>
					</view>
					<view class="yyy">
						<text class="yl">冻结</text>
						<text class="was">$144,545475</text>
					</view>
				</view>
			</view>
		</view> -->
		<view class="syays">
			<text class="s">数量</text>
			<text class="t">状态</text>
			<text class="j">时间</text>
		</view>
		<view class="syay" v-for="item in infoList" :key="item.id">
	<view class="paily">
		<text style="color: #fff;">扫码支付</text>
			<!-- <text style="color: #fff;">(Allpay)</text> -->
		<text style="color: 666;">{{ item.money}}/SMK</text>
	</view>
	<view class="paily">
		<text style="color: red;" v-if="item.status == 0">待支付</text>
		<text style="color: #00B34D;" v-if="item.status == 1">审核完成</text>
			<text style="color: red;" v-if="item.status == 2">审核拒绝</text>
	</view>
	<view class="paily">
		<text style="color: #fff;">{{ (item.updateTime / 1000 )| time}}</text>
	</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				infoList:[]
			}
		},
		onShow() {
			this.Allpay()
		},
		 onBackPress(options) {
		        console.log('from:' + options.from)
		    },
		methods:{
			Allpay(){
				this.$ajax(
				"bi/checkMoneyList",
				{
					userId:uni.getStorageSync("userinfo").userId
				},
				"POST"
				).then(res=>{
					this.infoList = res.data
					console.log(res)
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #0E1B45;
	}
	.bac {
		width: 100vw;
		height: 100vh;
			background-color: #0E1B45;
		.title {
			padding: 30upx;
			box-sizing: border-box;
			.tu {
				background: url(../../static/bizhan/s22.png) no-repeat;
				background-size: 100% 100%;
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				.activ {
					display: flex;
					width: 100%;
					box-sizing: border-box;
					align-items: center;
					justify-content: center;
					padding: 20upx;
					.activ_tu {
					display: inline-block;
					width: 40px;
					margin-right: 20upx;
					}
				.activ_z {
					font-size: 18px;
					color: #fff;
					font-weight: bold;
				}
				}
				.zhkou {
					width: 100%;
					box-sizing: border-box;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-bottom: 20upx;
					.zou {
						font-size: 14px;
						color: #fff;
					}
				}
				.yong {
					width: 100%;
					box-sizing: border-box;
					display: flex;
					margin-bottom: 30upx;
					.yyy {
						flex: 1;
						display: flex;
						flex-direction: column;
						align-items: center;
						border-right: 1upx solid #15728B;
						padding: 20upx;
						.yl {
							font-size: 14px;
							color: #fff;
							
						}
						.was {
							font-size: 14px;
							color: #AEAEAE;
							margin-top: 20upx;
						}
					}
					.yyy:last-child{
							border-right: none;
					}
				}
			}
		}
		.syays{
			width: 100%;
			box-sizing: border-box;
			display: flex;
			font-size: 14px;
			color: #B9B9B9;
			flex-wrap: wrap;
			.s{
				flex: 4;
				text-align: center;
			}
			.t{
				flex: 4;
				text-align: center;
			}
			.j{
				flex: 6;
				text-align: center;
			}
		}
		.syay {
			width: 100%;
			box-sizing: border-box;
			display: flex;
			font-size: 14px;
			color: #B9B9B9;
			padding: 20upx 50upx;
			flex-wrap: wrap;
			justify-content: space-between;
			border-bottom:1upx solid #15728B;
			.paily {
				display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			}
		}
	}
</style>
